﻿@model Campus.Entities.Grupo


    @Html.ValidationSummary(true)
       <ul class="nav nav-tabs">
            <li class="active"><a href="#Turnos" data-toggle="tab">Turnos</a></li>
            <li class=""><a href="#Profesores" data-toggle="tab">Profesores</a></li>
            <li class=""><a href="#Estudiantes" data-toggle="tab">Estudiantes</a></li>
        </ul>        
    
        <div class="tab-content">
            <div class="tab-pane active" id="Turnos">
              <fieldset class="form-horizontal" >                                         
                  <div class="mytab">
                        <input type="hidden" id="maxIndexTurno" name="maxIndexTurno" value="0" />                        
                            <table cellpadding="5" >
                                <tr>
                                    <td>Dia</td>
                                    <td>
                                        @Html.DropDownList("ddlDiaDeLaSemana", ((IEnumerable<Campus.Entities.DiaDeLaSemana>)ViewBag.DiasDeLaSemana).Select(option => new SelectListItem
                                        {
                                            Text = option.Nombre,
                                            Value = option.DiaDeLaSemanaId.ToString(),
                                            @*Selected = (Model != null)*@
                                        }), "Seleccione...")
                                    </td>
                                    <td>
                                        De
                                    </td>
                                    <td>
                                        @Html.DropDownList("ddlHoraDe", (IEnumerable<SelectListItem>)ViewBag.Horas, new { @class = "HoraMinuto", style = "width: 60px;" })
                                        
                                    </td>
                                    <td>:</td>
                                    <td>
                                        @Html.DropDownList("ddlMinutosDe", (IEnumerable<SelectListItem>)ViewBag.Minutos, new { @class = "HoraMinuto", style = " width: 60px;" })
                                    </td>
                                    <td>
                                        Hasta
                                    </td>
                                    <td>
                                        @Html.DropDownList("ddlHoraHasta", (IEnumerable<SelectListItem>)ViewBag.Horas, new { @class = "HoraMinuto", style = " width: 60px;" })
                                        
                                    </td>
                                    <td>:</td>
                                    <td>
                                        @Html.DropDownList("ddlMinutosHasta", (IEnumerable<SelectListItem>)ViewBag.Minutos, new { @class = "HoraMinuto", style = " width: 60px;" })
                                    </td>
                                    <td>
                                        <a href="javascript:void(0)" id="addTurno">Agregar Turno</a>
                                    </td>
                                </tr>
                            </table>
                            <br />
                            <table id="turnosTable" class="table table-bordered table-striped" style="width: 100%;">
                                <thead>
                                    <tr>
                                        <th></th>
                                        <th>Dia
                                        </th>
                                        <th>
                                            Hora Inicio
                                        </th>
                                        <th>
                                            Hora Fin
                                        </th>
                                    </tr>
                                </thead>                                
                                @if (Model != null && Model.Turnos != null)
                                {
                                    foreach (var item in Model.Turnos)
                                    {                                                                                        
                                    <script type="text/javascript">

                                        AddRow("Turnos", "turnosTable", camposTurnos, ["@item.TurnoId", "@item.DiaDeLaSemana.DiaDeLaSemanaId", "@item.DiaDeLaSemana.Nombre", "@item.HoraInicio.ToShortTimeString()", "@item.HoraFin.ToShortTimeString()"], camposTurnosOcultos, "maxIndexTurno", true);
                                    </script>
                                    }
                                }
                            </table>
                        </div>
              </fieldset>                  
            </div>

            <div class="tab-pane" id="Profesores">
                <fieldset >
                   
                        <div class="mytab">
                            <input type="hidden" id="maxIndexProfesor" name="maxIndexProfesor" value="0" />
                            <input type="hidden" id="hasChanges" name="hasChanges" value="false" />
                            <table cellpadding="5">
                                <tr>
                                    <td>
                                        Profesor:
                                    </td>
                                    <td>
                                        @Html.DropDownList("ddlProfesores", ((IEnumerable<Campus.Entities.Profesor>)ViewBag.PossibleProfesores).OrderBy(p=>p.Apellido.ToLower()).ThenBy(p=>p.Nombre.ToLower()).Select(option => new SelectListItem
                                       {
                                           Text = string.Format("{0}, {1}", option.Apellido, option.Nombre),
                                           Value = option.ProfesorId.ToString(),
                                       }), "Seleccione...")
                                        
                                    </td>
                                    <td>
                                        <a href="javascript:void(0)" id="addProfesor">Asignar Profesor</a> @*Html.ActionLink("Agregar profesor", null, null, new { id = "addItem" })*@
                                    </td>
                                </tr>
                            </table>
                            <br />
                            <table id="profesoresTable" class="table table-bordered table-striped" style="width: 100%;">
                                <thead>
                                    <tr>
                                        <th></th>
                                        <th> Apellido
                                        </th>
                                        <th>
                                            Nombre
                                        </th>
                                    </tr>
                                </thead>   
                                @if (Model != null &&  Model.Profesores != null)
                                {                           
                                    foreach (var item in Model.Profesores)
                                    {                                                                                        
                                        <script type="text/javascript">
                                            AddRow("Profesores", "profesoresTable", camposProfesor, ["@item.ProfesorId", "@item.Apellido", "@item.Nombre"], camposProfesorOcultos, "maxIndexProfesor", true);
                                        </script>
                                    }
                                }
                            </table>
                        </div>
                    
                </fieldset>
            </div>

              <div class="tab-pane" id="Estudiantes">
                <fieldset >
                   
                        <div class="mytab"> 
                        <input type="hidden" id="maxIndexEstudiante" name="maxIndexEstudiante" value="0" />                        
                        
                            <table cellpadding="5">
                                <tr>
                                    <td>
                                        Estudiante:
                                    </td>
                                    <td>
                                        <input type="text" class="input-medium search-query" data-autocomplete-source="@Url.Action("QuickSearch", "Grupos")" id="txtEstudiante" name="txtEstudiante" style="width:300px;"/>
                                        <input type="hidden" name="estudianteId" id="estudianteId" value="" />
                                        <input type="hidden" name="estudianteApellido" id="estudianteApellido" value="" />
                                        <input type="hidden" name="estudianteNombre" id="estudianteNombre" value="" />                                        
                                    </td>
                                    <td>
                                        <a href="javascript:void(0)" id="addEstudiante">Asignar Estudiante</a>
                                    </td>
                                </tr>
                            </table>
                            <br />
                            <table id="estudiantesTable" class="table table-bordered table-condensed" style="width: 100%;" cellpadding="0" cellspacing="0">
                                <thead>
                                    <tr>
                                        <th></th>
                                        <th>
                                            Apellido
                                        </th>
                                        <th>
                                            Nombre
                                        </th>
                                    </tr>
                                </thead> 
                                @{
                                    var cantidadEstudiantes = 0;   
                                 }
                                @if (Model != null &&  Model.Estudiantes != null)
                                {   
                                    foreach (var item in Model.Estudiantes.OrderBy(e=>e.Apellido))
                                    {
                                        cantidadEstudiantes++;
                                                                                                                            
                                        <script type="text/javascript">
                                            AddRow("Estudiantes", "estudiantesTable", camposEstudiante, ["@item.EstudianteId", "@item.Apellido", "@item.Nombre"], camposEstudianteOcultos, "maxIndexEstudiante", true);
                                        </script>
                                    }
                                }                             
                            </table>
                          @*  <p><b>Cantidad de Estudiantes:</b> @cantidadEstudiantes </p>*@
                        </div>
                    
                </fieldset>
            </div>
        </div>

